<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- Ancho del dispositivo y la escala inciial es 1 , user-scalable=no si qeremos que no se pueda hacer zoom(para app)-->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Bootstrap -->
	<link rel="stylesheet" href="css/bootstrap.min.css" >
	<link rel="stylesheet" href="./css/bootstrap-theme.min.css">
	<!-- Mis CSS, podemos hacer modificaciones sobre lo existente -->
	<link rel="stylesheet" type="text/css" href="./css/estilosFormulario.css">

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- MI JQuery -->
    <script src="js/my_jquery.js"></script>
	<title>Cloud Cash Register</title>
</head>
<body>
	<!-- Jumbotron -->
	<div class="jumbotron">
		<!-- Contenedor Jumbo -->
		<div class="container">
			<h1 style="color: white">Cloud Cash Register</h1>
			<p class="textoJumbotron">Gestione todas las operaciones de su comercio</p>
			<!-- Formulario -->
			<form role="form" id="formularioDescargaVentapp">
				<!-- Grupo Form Nombre -->
				<div class="input-group" id="grupoNombre" rel="popover" data-placement="bottom" data-content="Introducza un nombre">
					<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span> Nombre</span>
	    			<input type="text" class="form-control" name="nombre" id="nombre" autofocus="autofocus" required>
	    		</div>
	    		<!-- Grupo Form Email -->
	    		<div class="input-group" id="grupoEmail" rel="popover" data-placement="bottom" data-content="Introducza una dirección de email correcta">
					<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span> Email</span>
	    			<input type="email" class="form-control" name="email" id="email" placeholder="nombre@ejemplo.com" required>
	    		</div>
	    		<!-- Grupo Form Check -->
    			<div class="input-group" id="grupoTerminos" rel="popover" data-placement="right" data-content="Marque esta casilla">
    				<label class="textoJumbotron">
    					<input type="checkbox" value="" id="terminos" required>
    						Acepto <a class="linkCondiciones">terminos y condiciones de uso</a>
  					</label>
    			</div>
			<form>
			<!-- Boton Descarga -->
			<a class="btn btn-success btn-lg" id="botonDescargar" role="button" data-loading-text="Descargando...">Descargar</a>
			<!-- Enlace descarga -->
    		<a href="./apk/C2R.apk" download="C2R" id="enlaceDescarga"></a>
    		<!-- Mensaje de agradecimiento -->
    		<div class="row">
    			<div class="container">
    				<div class="col-md-4 col-sm-5 col-xs-12 alert alert-info" id="alertGracias">Gracias por confiar en Cloud Cash Register</div>
    			</div>
    		</div>
		</div> <!-- Fin contenedor Jumbo -->
	</div> <!-- Fin Jumbo -->
	<!-- Imagenes de la app -->
	<div class="container">
		<div class="row">
			<!-- Imagen 1 -->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-01.jpg" alt="Ventapp-01">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Seguridad</h3>
	        			<p class="descripcionImagenApp">Restrinja el acceso a la aplicacón</p>
	        			<br>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 2 -->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-02.jpg" alt="Ventapp-02">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Menú</h3>
	        			<p class="descripcionImagenApp">Navegue entre las diferentes opciones</p>
	        			<br>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 3-->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-03.jpg" alt="Ventapp-03">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Ventas</h3>
	        			<p class="descripcionImagenApp">Seleccione los productos deseados, imprima el ticket y cobre</p>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 4 -->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-04.jpg" alt="Ventapp-04">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Varios</h3>
	        			<p class="descripcionImagenApp">Añada nuevos productos no definidos, a la venta, en al acto</p>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 5 -->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-05.jpg" alt="Ventapp-05">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Metodos de pago</h3>
	        			<p class="descripcionImagenApp">Seleccione entre los distintos metodos de pago y visualice el cambio a devolver</p>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 6-->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-06.jpg" alt="Ventapp-06">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Devoluciones</h3>
	        			<p class="descripcionImagenApp">Visualice las operaciones de devolución de productos en formato tabla</p>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 7 -->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-07.jpg" alt="Ventapp-07">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Búsqueda</h3>
	        			<p class="descripcionImagenApp">Posibilidad de buscar operaciones comprendidas entre dos fechas o por código de operación</p>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 8 -->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-08.jpg" alt="Ventapp-08">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Devolución</h3>
	        			<p class="descripcionImagenApp">Devuelva productos de una venta realizada rapidamente seleccionando los productos que desee</p>
	      			</div>
	    		</div>
	  		</div>
	  		<!-- Imagen 9-->
	  		<div class="col-xs-6 col-sm-6 col-md-4">
	    		<div class="thumbnail">
	      			<img src="img/capturas-app/Ventapp-09.jpg" alt="Ventapp-09">
	      			<div class="caption">
	        			<h3 class="descripcionImagenApp">Configuración</h3>
	        			<p class="descripcionImagenApp">Edite la configuración de su dispositivo</p>
	      			</div>
	    		</div>
	  		</div>
		</div>
	</div>
</body>
</html>